<template>
	<view class="py-30 flex justify-between" style="width: 1200px;">
		<view style="width: 518px;">
			<view style="color: rgb(91, 91, 91);">
				<image :src="sysConfig.logo" style="width: 200px;height:44px;"></image>
				<view>©2019. BTCMax All Rights Reserved</view>
			</view>
			<el-select class="mt-10" v-model="appLanguage" size="large" style="width: 180px;">
				<template #label="{ label, value }">
					<view class="flex items-center">
						<image src="/static/images/home/lan.png" style="width: 26px;height: 26px;margin-right: 5px;"></image>
						<span class="text-white">{{ label }}</span>
					</view>
				</template>
				<view style="max-height: 200px;">
					<el-option v-for="item in languageList[0]" :key="item.id" :label="item.name" :value="item.id" ></el-option>
				</view>
			</el-select>
			<view class="flex mt-10 w-full justify-between" style="color: #797979;">
				<view v-for="(item,index) in list" :key="index">
					<view class="text-white text-xl">{{item.name}}</view>
					<view class="mt-2">
						<view v-for="(row,ii) in item.list" :key="ii">
							{{row.name}}
						</view>
					</view>
				</view>
			</view>

		</view>
		<view class="flex flex-col items-center" style="width: 250px;">
			<view class="text-xl">{{$t('index.sssdjy')}}</view>
			<view class="my-10">
				<el-button type="primary" size="large" color="#fff" round style="width: 200px;height: 56px;border-radius: 100px;">{{$t('login.lijizhuce')}}</el-button>
			</view>
			<view >
				<image src="/static/images/home/erweima1.png" style="width: 120px;height: 120px;"></image>
			</view>
			<view style="color: rgb(91, 91, 91);">
				{{$t('index.smxzai')}}
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	export default {
		data() {
			return {
				list: [
					{
						name:this.$t('index.fuwu'),
						list:[
							{
								name:this.$t('register.pcyonghuxieyi'),
								path:''
							},
							{
								name:this.$t('register.pcyinsixieding'),
								path:''
							},
							{
								name:this.$t('register.falvshenming'),
								path:''
							}
						]
					},
					{
						name:this.$t('institute.xueyuan'),
						list:[
							{
								name:this.$t('register.xinshoujiaocheng'),
								path:''
							},
							{
								name:this.$t('register.jiaoyicelue'),
								path:''
							},
							{
								name:this.$t('register.hangyeyanjiu'),
								path:''
							},
							{
								name:this.$t('register.shichangdongtai'),
								path:''
							}
						]
					},
					{
						name:this.$t('institute.lianxiwomeng'),
						list:[
							{
								name:this.$t('login.youxiang')+'：',
								path:''
							},
							{
								name:'service@btcaholic.com',
								path:''
							},
						]
					}
				],
				
			}
		},
		computed: {
			...mapState({
				mode: state => state.app.mode,
				sysConfig: state => state.app.sysConfig,
				languageList: state => state.user.languageList,
				appLanguage: state => state.user.appLanguage,
			})
		},
		methods: {
			// 点击按钮
			navigator(path) {
				uni.navigateTo({
					url: path,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},

		}
	}
</script>

<style scoped lang="scss">
</style>